/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./index.html", "./src/**/*.{vue,js,ts,jsx,tsx}"],
  darkMode: "class",
  theme: {
    extend: {
      colors: {
        "custom-black": "#3A3A3C",
        "input-bg": "rgba(0, 0, 0, 0.06)",
        "color-t3": "var(--color-t3)",
        "color-t2": "rgb(58,58,60)",
      },
      backgroundColor: {
        "color-deepest": "var(--bg-color-deepest)",
        "color-opacity": "var(--bg-color-opacity)",
        "color-focus": "var(--bg-color-focus)",
      },
      fontSize: {},
      zIndex: {
        deleteIcon: 20,
        searchBox: 40,
        searchList: 50,
        sideBar: 60,
        folderWindowMask: 70,
        folderWindow: 80,
        sideBarIcons: 100,
        settingMask: 120,
        settingWindow: 120,
        contextMenu: 140,
        clipImageWindow: 200,
        cloneNode: 999,
      },
    },
  },
  plugins: [],
};
